<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
    <!-- 若您需要使用Kendo UI Professional，请联系版权人获得合法的授权或许可。 -->
    <link href="https://magicbox.bk.tencent.com/static_api/v3/assets/bk-icon-2.0/iconfont.css" rel="stylesheet">
    <link href="https://magicbox.bk.tencent.com/static_api/v3/bk/css-pro/components/form.css" rel="stylesheet">
    <!--蓝鲸提供的公用样式库 -->
    <link href="https://magicbox.bk.tencent.com/static_api/v3/bk/css-pro/bk.css" rel="stylesheet">
    <!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
    <script src="https://magicbox.bk.tencent.com/static_api/v3/assets/js/jquery-1.10.2.min.js"></script>
    <script src="https://magicbox.bk.tencent.com/static_api/v3/bk/js/bk.js"></script>
    <!-- 数据埋点统计 -->
    <script src="http://magicbox.bk.tencent.com/static_api/analysis.js"></script>

    <!--时间日期选择文件依赖-->
    <link href="https://magicbox.bk.tencent.com/static_api/v3/assets/kendoui-2015.2.624/styles/kendo.common.min.css"
        rel="stylesheet">
    <link href="https://magicbox.bk.tencent.com/static_api/v3/assets/kendoui-2015.2.624/styles/kendo.default.min.css"
        rel="stylesheet">
    <script src="https://magicbox.bk.tencent.com/static_api/v3/assets/js/jquery-1.10.2.min.js"></script>
    <script src="https://magicbox.bk.tencent.com/static_api/v3/assets/kendoui-2015.2.624/js/kendo.all.min.js"></script>

</head>

<body>
    <!--HTML-->
    <p class="magic-desc">添加任务</p>
    <form class="bk-form" style="width:600px;" id="validate_form">
        <div class="bk-form-item">
            <label class="bk-label" style="width:150px;">任务名称</label>
            <div class="bk-form-content" style="margin-left:150px;">
                <input type="text" class="bk-form-input" placeholder="请输入任务名称">
            </div>
        </div>


        <div class="bk-form-item">
            <label class="bk-label" style="width:150px;">任务星级</label>
            <div class="bk-form-content" style="margin-left:150px;">
                <select name="validation_select" class="bk-form-select">
                    <option value="beijing">一星任务</option>
                    <option value="shanghai">一星任务</option>
                    <option value="guangzhou">一星任务</option>
                    <option value="shenzhen">一星任务</option>
                </select>
            </div>
        </div>
        <div class="bk-form-item is-required">
            <label class="bk-label" style="width:150px;">开始日期</label>
            <div class="bk-form-content" style="margin-left:150px;">
                <input type="text" class="bk-form-input daterangepicker_demo" id="start_datetime"
                       placeholder="选择日期..." name="start_datetime">
            </div>
        </div>
        <div class="bk-form-item is-required">
            <label class="bk-label" style="width:150px;">结束日期</label>
            <div class="bk-form-content" style="margin-left:150px;">
                <input type="text" class="bk-form-input daterangepicker_demo" id="end_datetime"
                       name="end_datetime" placeholder="选择日期...">
            </div>
        </div>

        <div class="bk-form-item">
            <label class="bk-label" style="width:150px;">备注</label>
            <div class="bk-form-content" style="margin-left:150px;">
                <textarea name="" id="" class="bk-form-textarea" placeholder=""></textarea>
            </div>
        </div>


        <div class="bk-form-item bk-form-action">
            <div class="bk-form-content" style="margin-left:150px;">
                <a class="bk-button bk-primary" id="submit" title="保存">
                    <span>保存</span>
                </a>
                <a class="bk-button" title="取消">
                    <span>取消</span>
                </a>
            </div>
        </div>


    </form>

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"
    data-backdrop="static">
   <div class="modal-dialog" style="width: 1000px;">
       <div class="modal-content">
           <div class="modal-header">
               <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
               <h4 class="modal-title" id="myModalLabel">添加奖项</h4>
           </div>
           <form id="validate_form">
               <div class="bk-form" style="width:900px;padding: 10px" id="validate_form">
                   <input type="hidden" id="award_id" class="bk-form-input">
                   <div class="bk-form-item is-required">
                       <label class="bk-label" style="width:150px;">奖项名称</label>
                       <div class="bk-form-content" style="margin-left:150px;">
                           <input type="text" class="bk-form-input" id="award_name" name="award_name"
                                  placeholder="请输入奖项名称">
                       </div>
                   </div>
                   <div class="bk-form-item is-required">
                       <label class="bk-label" style="width:150px;">评奖条件</label>
                       <div class="bk-form-content" style="margin-left:150px;">
                           <div id="editor4_demo1">
                               <div id="myEditor" style="width:730px;height:400px;" name="myEditor">
                               </div>
                           </div>
                       </div>
                   </div>
                   <div class="bk-form-item is-required">
                       <label class="bk-label" style="width:150px;">奖项级别</label>
                       <div class="bk-form-content" style="margin-left:150px;">
                           <select name="" id="award_level" class="bk-form-select">
                               <option value=1>中心级</option>
                               <option value=2>部门级</option>
                               <option value=3>普照奖</option>
                           </select>
                       </div>
                   </div>
                   <div class="bk-form-item is-required">
                       <label class="bk-label" style="width:150px;">所属组织</label>
                       <div class="plugin3_demo" id="plugin3_demo3" style="display:inline-block;">
                           <!-- select2 通过ajax start -->
                           <div class="select2-container select2_box select2-container-active" id="s2id_autogen5"
                                style="width:730px;">
                               <a href="javascript:void(0)" class="select2-choice" tabindex="-1"><abbr
                                       class="select2-search-choice-close"></abbr> <span class="select2-arrow"
                                                                                         role="presentation"><b
                                       role="presentation"></b></span></a>
                               <label for="belonging_org" class="select2-offscreen"></label>
                               <input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true"
                                      role="button" aria-labelledby="select2-chosen-6">
                           </div>
                           <input type="hidden" class="select2_box bk-form-input"
                                  style="width: 450px; display: none;"
                                  tabindex="-1"
                                  title="" value="" id="belonging_org">
                           <!-- select2 通过ajax end -->
                       </div>
                   </div>
                   <div class="bk-form-item is-required">
                       <label class="bk-label" style="width:150px;">开始日期</label>
                       <div class="bk-form-content" style="margin-left:150px;">
                           <input type="text" class="bk-form-input daterangepicker_demo" id="start_datetime"
                                  placeholder="选择日期..." name="start_datetime">
                       </div>
                   </div>
                   <div class="bk-form-item is-required">
                       <label class="bk-label" style="width:150px;">结束日期</label>
                       <div class="bk-form-content" style="margin-left:150px;">
                           <input type="text" class="bk-form-input daterangepicker_demo" id="end_datetime"
                                  name="end_datetime" placeholder="选择日期...">
                       </div>
                   </div>
                   <div class="bk-form-item is-required">
                       <label class="bk-label" style="width:150px;">上传附件</label>
                       <div class="bk-form-content" style="margin-left:150px;">
                           <input type="checkbox" checked="checked" id="need_attachment" name="need_attachment">
                       </div>
                   </div>
                   <div class="bk-form-item is-required">
                       <label class="bk-label" style="width:150px;">状态</label>
                       <div class="bk-form-content" style="margin-left:150px;">
                           <input type="checkbox" checked="checked" id="status">
                       </div>
                   </div>
               </div>
           </form>
           <div class="modal-footer">
               <button type="button" class="bk-button bk-default" data-dismiss="modal">关闭</button>
               <button type="button" class="bk-button bk-primary" onclick="saveAward()">提交</button>
           </div>
       </div><!-- /.modal-content -->
   </div><!-- /.modal-dialog -->
</div>

</body>

</html>